<template>
  <div class="crumb">
      <span v-for="item,index in nav" :key="index">
        <span :style="{color: index == nav.length-1?'#333':'#999'}">{{item.name}}</span>
        <!-- 不等于最后一项为真  就展示 -->
        <i v-show="index != nav.length-1">/</i>
      </span>
  </div>
</template>

<script>
export default {
  props:["nav"],
  data () {
    return {

 
    }
  }
}
</script>
 
<style lang = "less" scoped>
  .crumb{
    margin-bottom: 15px;
    i{
      margin: 0 10px;
    }
  }
</style>